<template lang="html">

  <section class="setting">
    <Header>
      <mu-icon value="arrow_back" slot="left" @touchend="back"></mu-icon>
      <span slot="title">设置</span>
    </Header>
  </section>

</template>

<script lang="js">
  import Header from '@/components/Header';
  export default  {
    name: 'setting',
    props: [],
    mounted () {

    },
    data () {
      return {

      }
    },
    methods: {
      // 后退
      back() {
        this.$router.go(-1);
      }
    },
    computed: {

    },
    // 注册组件
    components: { Header }
}


</script>

<style scoped lang="scss">
  .setting {
     .header {
      position: relative;
      .mu-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
      span {
        display: block;
        text-align: center;
      }
    }
  }
</style>
